<a-drawer
        :title="title"
        :width="720"
        :visible="visible"
        :body-style="{ paddingBottom: '80px' }"
        @close="hideMenuOperate">

   <a-form>
        <a-form-item label="选择上级菜单[可选]">
            <a-select placeholder="选择上级菜单"
                      show-search
                      :disabled="IsEdit"
                      v-model="SetMenuRequest.pid"
                      style="width: 300px">
                <a-select-option :value="0">初级菜单</a-select-option>
                <a-select-option v-for="item in Primary"
                                 :value="item.id">
                    @{{item.title}}
                </a-select-option>
            </a-select>
        </a-form-item>

        <a-form-item label="菜单名称">
            <a-input v-model="SetMenuRequest.title"
                     placeholder="请输入菜单名称"/>
        </a-form-item>

       <a-form-item v-if="SetMenuRequest.pid > 0"
                    label="路由方法">
           <a-input v-model="SetMenuRequest.router"
                    placeholder="请输入路由方法 Controller@action"/>
       </a-form-item>

       <a-form-item v-if="SetMenuRequest.pid > 0"
                    label="路由参数[可选]">
           <a-input v-model="SetMenuRequest.param_str"
                    placeholder="请输入路由参数"/>
       </a-form-item>

       <a-form-item label="排序[默认为0]">
           <a-input-number v-model="SetMenuRequest.sort"
                           :min="0" :max="10000" />
       </a-form-item>

    </a-form >

    <div :style="{
          position: 'absolute',
          right: 0,
          bottom: 0,
          width: '100%',
          borderTop: '1px solid #e9e9e9',
          padding: '10px 16px',
          background: '#fff',
          textAlign: 'right',
          zIndex: 1,
        }">
        <a-button :style="{ marginRight: '8px' }" @click="hideMenuOperate">
            取消
        </a-button>
        <a-button type="primary" @click="MenuConfirm">
            提交
        </a-button>
    </div>
</a-drawer>
